import React, { useState } from 'react'
import { View, Button, Input } from '@tarojs/components'
import './index.scss'
const SeachInput = (props) => {
    const { onChange, placeholder, classname } = props
    const [value, setValue] = useState('')
    return <View className={`SeachInput_box ${classname}`}>
        <View className='SeachInput_box_icon'></View>
        <Input placeholder={placeholder} className='SeachInput_box_input' onBlur={(e) => {
            onChange && onChange(e.target.value)
        }}

        ></Input>
        {/* {value && <View onClick={(e) => {
            e.stopPropagation()
            setValue('')
            onChange('')
        }} className='SeachInput_box_closeIcon'></View>} */}
    </View>
}
export default SeachInput